<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>海词词典_在线词典_在线翻译_海量正版权威词典官方网站</title>
        <style type="text/css">
            .bg {
                background: url("header.png");
            }
            a {
                outline: none;
            }
            /* 这一部分：导航条设置标签 */
            #header {    /*头部标记*/
                background-repeat: repeat-x;
                background-position: center -390px;
                text-align: center;
                width: 100%;
                margin: 0px;
            }
            #down{    /* 下载容器 */
                height: 100%;
                width: 140px;
                background: url("top-download-icon2.png")  0px 0px  no-repeat;
                float: left;
            }
            .nav{     /* 导航条容器 */
                height:100%;
                margin: 0px auto;
                width: 1200px;
            }
            .cur {  /* 超链接样式 */
                border: none;
                float: left;
                font-size: 10.5pt;
                font-weight: bold;
                color: #ebf8fa;
                background-color: transparent;
                text-decoration: none;
                padding: 0.75em;
            }
            /* 这一部分：主体设置标签 */
            #body{
                width: 1200px;
                height: 559px;
                margin: 0px auto ;
                overflow: hidden;
                text-align: center;
            }
            #logo {
                display: block;
                width: 475px;
                margin: 30px auto 0;
                padding: 0 72px;
                color: #366;
                horiz-align: center;
                text-align: center;
            }
            #search {
                width: 1200px;
                height: 88px;
                margin: 10px auto 0px auto ;
                text-align: center;
            }
            #search-nav {
                width: 740px;
                height: 40px;
                margin: 0px auto;
                overflow: hidden;
            }
            #b {
                background-position: center -50px;
                font-size: 11pt;
            }
            .font{
                float:left;
                font-size: 11pt;
                color: #147888;
                padding: 0.75em;
                text-decoration: none;
                margin: 0px auto;
            }
            #search-box {
                width: 740px;
                height: 48px;
                overflow: hidden;
                font-size: 11pt;
                color: #333;
                margin: 0px auto;
            }
            .search-input {
                height: 29px;
                width: 620px;
                padding: 6px;
                font-size: 13.5pt;
                border: 4px solid #2dacbf;
                float: left;
            }
            #search-submit {
                width: 90px;
                height: 48px;
                float: right;
                border: 0;
                background-position: 0 -342px;
                background-repeat: no-repeat;
            }
            /* 这一部分是：每日英语 */
            #daily_sentence {
                margin: 60px;
                color: #366;
                padding: 0px 235px;
            }
            .speaker {
                background: url("wd_sound_scb.png")  0 -40px no-repeat;
                width: 14px;
                height: 14px;
                vertical-align: text-bottom;
            }
        </style>
    </head>
    <body style="margin: 0px;padding: 0px">
        <!-- 这是导航条 -->
        <div class="bg" id="header" style="height: 40px">
            <div class="nav" style="background: transparent">
                <a href="https://dict.cn/" class="cur">海词</a>
                <a href="https://cidian.haidii.com/center.html" class="cur">权威词典</a>
                <a href="https://fanyi.dict.cn/" class="cur">翻译</a>
                <a href="https://cidian.haidii.com/home.html?iref=dict-header-button" id="down"></a>
            </div>
        </div>
        <!-- 这是主体页面   -->
        <div id="body">
            <!-- 图片部分 -->
            <div id="logo">
                <img src="dict_logo.png" >
            </div>
            <div id="search">   <!-- 搜索框 -->
                <div id="search-nav">
                    <a class="cur bg"  style="background-position: center 35px;background-repeat: no-repeat; color: #366; float: left"><b id="b" class="bg">英&nbsp;&nbsp;&nbsp;汉</b></a>
                    <span class="font">|</span>
                    <a href="https://hanyu.dict.cn/" class="font">汉语</a>
                    <span class="font">|</span>
                    <a href="https://shh.dict.cn/" class="font">上海话</a>
                    <a href="https://abbr.dict.cn/" class="font">缩略语</a>
                    <a href="https://ename.dict.cn/" class="font">人名</a>
                </div>  <!-- 上半部分 -->
                <div id="search-box">  <!-- 下半部分 -->
                    <form style="margin: 0px auto;padding: 0px" action="https://dict.cn/search" target="_blank">
                        <input type="text" name="q" class="search-input" placeholder="请输入英/汉字词句" style="color: rgb(153,153,153);" autocomplete="off">
                        <input type="submit" title="查词" id="search-submit" value class="bg">
                    </form>
                </div>
            </div>
            <!-- 这一部分：每日英语 -->
            <div id="daily_sentence">
                每日一句&nbsp;
                <img class="speaker" audio="http://dc.dict.cn/v/06723845/186ae4f014578911327b148300a1c3ca/ddsen/1/ddsenmryj20130815.mp3" src="https://i1.haidii.com/v/1493890441/i1/images/cleardot.gif">
                "What matters is where you want to go. Focus in the right direction! &nbsp;&nbsp; 重要的是你想往哪里走，专注于正确的方向！"
            </div>
        </div >
    </body>
</html>